<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="sites/common/head"></head>
<style>
    .pagination-detail div{
        color:#000;
    }
    .navbar-toggle{
        width: 30px;
        height: 30px;
        border-radius: 4px;
        background: #ffffff;
        position: absolute;
        right: 5px;
        top: 13px;
        padding: 3px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 16px;
        height: 2.5px;
        border-radius: 1px;
        margin-left: 3px;
    }
</style>

<body >

<!--导航-->
<th:block th:replace="sites/common/nav"></th:block>

<section class="container" style="width:90%;padding:0;margin:2% 10% 0 5%">
    <div style="width: 20%;float: left;border:1px solid red">

    </div>
    <div style="width: 80%;float: left;border:1px solid green">
    </div>

    <!--<div style="width: 100%;padding-top:5%;float:left;color:#fff">-->
        <!--<th:block th:replace="common/page"></th:block>-->
    <!--</div>-->
    <script type="text/javascript">
        function jumpPage(pageno) {
            if(pageno<1) {
                alert('请输入正整数');
            } else {
                $('#nowpage').val(pageno);
                $('#articleCategory').val($('#articleCategorys').val());
                $('#searchForm').submit();
            }
        }
    </script>
</section>
<!--&lt;!&ndash;底部&ndash;&gt;-->
<th:block th:replace="sites/common/footer"></th:block>


</body>

</html>

<script>


    // $(function(){
    //     var header_height = $("#bg").offset().top;
    //     alert(header_height);
    //     var oDiv = document.getElementById("float");
    //     $(window).scroll(function(){
    //         var this_scrollTop = $(this).scrollTop();
    //         if(this_scrollTop=header_height ){
    //             oDiv.style = "position:fixed;top:0;width:100%";
    //         }else{
    //             oDiv.style = "width:100%;padding:0;margin:0";
    //         }
    //     });
    // });

    window.onload=
        function(){
            var oDiv = document.getElementById("float"),
                H = 0,
                Y = oDiv
            while (Y) {H += Y.offsetTop; Y = Y.offsetParent}
            window.onscroll = function()
            {
                var s = document.body.scrollTop || document.documentElement.scrollTop
                if(s>H) {
                    oDiv.style = "position:fixed;top:0;width:100%;border:0;padding:0;margin:0;z-index: 1"
                } else {
                    oDiv.style = "width:100%;border:0;padding:0;margin:0"
                }
            }
        }

    function select(gameId) {
        var keyword=$("#keyword").val();
        var articleCategorys=$("#articleCategorys").val();
        window.location.href="/sites/forwardGameDetail/list?articleCategory="+articleCategorys+"&gameId="+gameId+"&keyword="+keyword+"&nowpage=1";
    }
</script>

